<template>
	<view class="content_ten">
		<view class="content_ten_title">{{$t('服务范围')}}</view>
		<view>
			<view class="type3">
				<view class="tyle1">{{$t('运输大型货物')}}</view>
				<view class="tyle2">{{$t('运输小件')}}</view>
			</view>
			<view class="type6">
				<view class="type4">{{$t('货物')}}</view>
				<view class="type5">{{$t('装卸服务')}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped>
	.type6{
		margin-top: 15rpx;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.type5{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 15rpx;
		font-weight: 400;
		font-size: 22rpx;
		color: #3D3D3D;
		width: 395rpx;
		height: 42rpx;
		background: #E6FFF4;
		border-radius: 39rpx 39rpx 39rpx 39rpx;
	}
	.type4{
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		font-size: 22rpx;
		color: #3D3D3D;
		width: 101rpx;
		height: 42rpx;
		background: #E6FFF4;
		border-radius: 39rpx 0rpx 0rpx 39rpx;
	}
	.type3{
		margin-top: 19rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tyle2{
		width: 226rpx;
		height: 42rpx;
		background: #E6FFF4;
		border-radius: 38rpx 0rpx 0rpx 38rpx;
		font-weight: 400;
		font-size: 22rpx;
		color: #3D3D3D;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.tyle1{
		font-weight: 400;
		font-size: 22rpx;
		color: #3D3D3D;
		width: 397rpx;
		height: 42rpx;
		background: #E6FFF4;
		border-radius: 54rpx 54rpx 54rpx 54rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.content_ten_title{
		font-weight: 500;
		font-size: 30rpx;
		color: #3D3D3D;
	}
	.content_ten{
		width: 690rpx;
		height: 204rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin-top: 12rpx;
		padding: 34rpx 30rpx 24rpx 30rpx;
	}
</style>